.Lessons {
  .swiper-container {
    margin-left: 20px;
    width: 600px;
    height: px2rem(850);
  }
  .swiper-slide {
    width: px2rem(548);
    height: px2rem(774);
    background-color: #ffffff;
    box-shadow: 0px 20px 20px 0px rgba(36, 73, 121, 0.54);
    border-radius: 20px;
    .row1 {
      display: flex;
      justify-content: center;
      .wraooerImage {
        margin: px2rem(70) 0;
        border-radius: 50%;
        width: px2rem(146);
        height: px2rem(146);
        background-color: #6eee87;
        img {
          max-width: 100%;
          max-height: 100%;
        }
      }
    }

    .row2 {
      text-align: center;
      .title {
        font-size: px2rem(44);
        color: #1f314a;
      }
      .name {
        font-size: px2rem(32);
        color: #1f314a;
      }
    }
    .row3 {
      display: flex;
      justify-content: center;
      margin: 20px 0;
      .desc {
        height: px2rem(120);
        overflow: hidden;
        width: px2rem(440);
        font-size: px2rem(34);
        color: #1f314a;
        letter-spacing: 0px;
        padding-left: px2rem(45);
      }
    }

    .row4 {
      display: flex;
      justify-content: center;
      .btn {
        width: px2rem(300);
        height: px2rem(108);
        background-color: #6665ff;
        border-radius: 54px;
        color: #fff;
        font-size: px2rem(40);
      }
    }
  }
  .swiper-slide-laset {
    width: px2rem(548);
    height: px2rem(774);
    background: none;
    box-shadow: none;
  }
}